<!DOCTYPE html>
<html lang="en"
     xmlns="http://www.w3.org/1999/xhtml"
     xmlns:f="http://java.sun.com/jsf/core"
     xmlns:h="http://java.sun.com/jsf/html"
     xmlns:ui="http://java.sun.com/jsf/facelets"
     xmlns:p="http://primefaces.org/ui"
         
     xmlns:c="http://java.sun.com/jsp/jstl/core">
    <h:head>
        <title>Title</title>
        <h:outputStylesheet library="css" name="default.css"  />
    </h:head>
    <h:body>
        <p:layout fullPage="true" >
            <p:layoutUnit position="north" size="150" header="Project SI" resizable="false" closable="false" collapsible="false" >
                <p:menubar >  
                <p:menuitem value="Accueil" url="/user/UserHome.xhtml?faces-redirect=true" ajax="false" icon="ui-icon-home" />
                <p:menuitem value="Promotions" url="#" ajax="false" icon="ui-icon-document" />
                <p:menuitem value="Nouveautés" url="#"  icon="ui-icon-newwin"/>
                <p:menuitem value="Meilleures ventes" url="#"  icon="ui-icon-power"/>
                <p:menuitem value="Contact" url="#"  icon="ui-icon-contact"/>
                </p:menubar>                 
                <c:if test="#{utilisateurController.getSelected().name != null}">
                <p align="right">Bienvenue, #{utilisateurController.getSelected().name} </p>
                </c:if>
                <c:if test="#{utilisateurController.getSelected().name == null}">
                <p align="right">Bienvenue, <p:commandLink id="ajax"  action="/login.xhtml" >  
                <h:outputText value="identifiez-vous" />  
                </p:commandLink></p>
                </c:if>
                
            </p:layoutUnit>
            <p:layoutUnit position="west" size="200" header="#{utilisateurController.getSelected().name}" resizable="false" closable="false" collapsible="false" >
                    <ui:include src="../templates/tiles/LeftMenu.xhtml" />
            </p:layoutUnit>
            <p:layoutUnit position="east" size="235" header="User" resizable="true" closable="true" collapsible="true" effect="drop">
                <ui:include src="../templates/tiles/RightMenu.xhtml" />
            </p:layoutUnit>
            
            <p:layoutUnit position="center">
                <ui:insert name="content">Put default content here, if any.</ui:insert>
                <!-- <p:dock>  
                <p:menuitem value="Home" icon="/templates/menu_images/home.png" url="/user/UserHome.xhtml" />  
                <p:menuitem value="Categorie" icon="/templates/menu_images/history.png" url="/Categories/Categories.xhtml" onclick=" "/>  
                <p:menuitem value="Panier" icon="/templates/menu_images/panier.png" url="/panier.xhtml" /> 
                </p:dock> --> 
            </p:layoutUnit>
        </p:layout>
    </h:body>
</html>